<nz-layout class="app-layout">
  <nz-sider nzTheme="dark" class="menu-sidebar"
            nzCollapsible
            nzWidth="256px"
            nzBreakpoint="md"
            [(nzCollapsed)]="isCollapsed"
            [nzTrigger]="null">
    <div class="sidebar-logo">
<!--      <img src="http://10.28.1.130:30028/down/RHBOOgDkwupN.png" alt=""/>-->
      <h1>数据管理平台 Ver.23.12.1</h1>
    </div>

    <ul nz-menu nzTheme="dark" nzMode="inline">
      <li nz-menu-item nzMatchRouter>
        <a routerLink="/home/order">CPS订单管理</a>
      </li>
      <li nz-menu-item nzMatchRouter>
        <a routerLink="/home/user-cps">CPS用户管理</a>
      </li>
      <li nz-menu-item nzMatchRouter>
        <a routerLink="/home/user">用户管理</a>
      </li>
      <li nz-menu-item nzMatchRouter>
        <a routerLink="/home/product">产品管理</a>
      </li>
<!--      <li nz-menu-item nzMatchRouter>-->
<!--        <a routerLink="/home/admin">管理员管理</a>-->
<!--      </li>-->
    </ul>
  </nz-sider>
  <nz-layout>
    <nz-header>
      <div class="app-header">
        <span class="header-trigger" (click)="isCollapsed = !isCollapsed">
            <span class="trigger"
                  nz-icon
                  [nzType]="isCollapsed ? 'menu-unfold' : 'menu-fold'"
            ></span>
        </span>
      </div>
    </nz-header>
    <nz-content>
      <router-outlet></router-outlet>
    </nz-content>
  </nz-layout>
</nz-layout>
